<!DOCTYPE html>
<html>

<head>
    <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>买家中心</title>
    <link rel="stylesheet" href="../../../css/common.css">
    <link rel="stylesheet" href="../../../css/my.css">
    <link rel="stylesheet" href="../HHuploadify.css">
    <!-- <script src="../js/jquery-3.2.1.min.js"></script> -->
    <script src="../src/jquery-2.2.0.min.js"></script>
    <script src="../../../js/media.js"></script>
    <script src="../../../js/common.js"></script>

    <script src="../HHuploadify.js"></script>
</head>

<body>
    <!--头部-->
    <div class="public-header flex">
        <!--<span class="public-header-left-search"></span>-->
        <span class="public-header-left-back"></span>
        <span class="public-header-center">某个分类</span>
        <span class="public-header-right"></span>
    </div>
    <div class="Publish_goods bc-gray">
        <textarea name="" id="" cols="30" rows="10" placeholder="我的产品描述......" v-model="datas"></textarea>
        <div id="upload" class="clearfix" style="background:#fff;"></div>
        <p class="tip flex">
            <span>鉴定证书</span>
            <img src="../../../img/证书@2x.png" alt="">
        </p>
        <p class="p2">
            下一步即表示同意<span>《紫陶汇竞拍服务协议》</span>
        </p>
        <section class="button flex">
            <span class="left">存为草稿</span>
            <span class="right" @click='next_link()'>下一步</span>
        </section>
    </div>

    <script>
        $('#upload').HHuploadify({
            auto: true,
            fileTypeExts: '*.jpg;*.png;*.gif',
            multi: true,
            formData: {
                key: 123456,
                key2: 'vvvv'
            },
            fileSizeLimit: 1024,
            uploader: 'http://192.168.1.111:8090/ZITAOHUI/upload',
            onUploadStart: function (file) {
                console.log(file.name + '开始上传');
            },
            onInit: function (obj) {
                console.log('初始化');
                console.log(obj);
            },
            onUploadComplete: function (file, data) {
                console.log(file.name + '上传完成');
                console.log(data)
            },
            onCancel: function (file) {
                console.log(file.name + '删除成功');
            },
            onClearQueue: function (queueItemCount) {
                console.log('有' + queueItemCount + '个文件被删除了');
            },
            onDestroy: function () {
                console.log('destroyed!');
            },
            onSelect: function (file) {
                console.log(file.name + '加入上传队列');
            },
            onQueueComplete: function (queueData) {
                console.log('队列中的文件全部上传完成', queueData);
            }
        });
    </script>



    <br style="clear: both">
    <script src="../../../js/vue.js"></script>
    <script src="../../../js/vue-resource.min.js"></script>
    <script>
        $(function(){
            new Vue({
                el:'body',
                data:{
                    datas:''
                },
                methods:{
                    next_link:function(){
                        let vm = this;
                        window.sessionStorage.setItem('message',JSON.stringify(vm.datas))
                        window.location.href='../../../page/Auction-settings.html'
                    }

                }

            })
        })
    </script>



</body>

</html>